/* Her har vi alt som trengs for å designe siden */


#wrapper {
	width: 900px;
	margin: 0 auto; 			/* Selve "siden" blir satt til å være på 900px i bredde */
	
}

#content {
	background-color: #FFEBE9;	/*Bakgrunnen*/
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 30px;
	text-align: left;
	width: 100%;				/* fill up the entire div */
}

#menu {
	float: left;
	border-bottom: none;		/* For å unngå å få "dobbel" border så setter vi denne til å være "none" */
	clear: both;				/* Denne sørger for at "content" diven ikke fester seg til denne men står under den */ 
	width:100%;
	height:20px;
	padding: 0 30px;
	background-color: #FFEBE9; /* Bakgrunn til linker */
	text-align: left;
	font-size: 85%;
	color: #d7d7d7;
}

#menu a:hover {
	background-color: #2B4C32; /* Hovermeny, når brukeren holder musa over en av knappene så skiftes fargen til det som er angitt her */
	color: orange;
}

/* her designe vi tabellene */
table {
	border-collapse: collapse;
	width: 100%;
}

#profiler {
	border-collapse: collapse;
	width: 70%;
}

table a {		/*Kategori og topic navn*/
	color: #FF650E;
}

table a:hover {
	color:#FFB083;
	text-decoration: none;
}

th {
	background-color: #024310;			/*Den lille streken over kategorier*/
	color: white;
}

td {
	background-color:#FFEBE9;
	color:black;
	padding: 5px;		/*Kategorier*/
}



h3 {margin: 0; padding: ;}

/* Meny design */
.item {		/*Linkene på toppen*/
	-webkit-border-radius: 9px;
	background-color: #024310;
	border: 0px solid white;
	color: orange;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px;
	padding-bottom:4px;
	text-decoration: none;
}

.leftpart {
	width: 70%;
}

.rightpart {
	width: 30%;
}

.small {
	font-size: 75%;
	color: #373737;
}


.topic-post {
	height: 10px;
	overflow: auto;
}

.post-content {
	padding: 30px;
}

textarea {
	width: 500px;
	height: 200px;
}
